<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <style>
    * {
      box-sizing: border-box;
    }

    html {
      font-size: 12px;
    }
  </style>
</head>

<body>
  <div id="app">
    <div style="padding:20px;text-align: left;">
      <button style="margin-left: 20px;"><a href="./home.html">主要</a></button>
      <button style="margin-left: 20px;"><a href="./heatmap.html">热力图</a></button>
      <button style="margin-left: 20px;"><a href="./trackPlayback.html">轨迹回放</a></button>
      <button style="margin-left: 20px;"><a href="./marker-text-label.html">点标记</a></button>
      <button style="margin-left: 20px;"><a href="./markerclusterer.html">点聚合</a></button>
      <button style="margin-left: 20px;"><a href="./mapType.html">地图类型切换</a></button>
      <button style="margin-left: 20px;"><a href="./graph.html">画图</a></button>
      <button style="margin-left: 20px;"><a href="./infoWindow.html">信息弹框</a></button>
      <button style="margin-left: 20px;"><a href="./tool.html">工具栏</a></button>
    </div>
    <div id="map" style="height: 700px"></div>
  </div>
  <div style="padding:20px;text-align: left;font-size: 18px;">
    <form>
      <h3>当前底图为: 
        <span id="curMapName"></span>
      </h3>
      <input style="margin-left:20px;" type="button" id="changeMapStandard" value="切换标准地图">
      <input style="margin-left:20px;" type="button" id="changeMapSatellite" value="切换卫星地图">
      <input style="margin-left:20px;" type="button" id="changetianditu" value="切换为天地图底图">
      <input style="margin-left:20px;" type="button" id="changeamap" value="切换为高德底图">
    </form>
  </div>
  <script src="http://1.95.157.217/wmap/wmap.umd.js"></script>
  <script type="module" src="./mapType.js"></script>
</body>

</html>
